 <template>
  <div class="nav-bar">
    <van-nav-bar class="col" :title="title" />
  </div>
</template>

<script setup>
    import { onBeforeMount, ref } from "vue";
    import { useRoute } from "vue-router";
    const route = useRoute();
  // onBeforeMount(()=>{
  //     console.log(route.meta.title)
  // })
    const title = ref(route.meta.title);
</script>

<style lang="less" scoped>

    .van-nav-bar {
    background: #d81e06;

    }
    .van-ellipsis{
      color: white;
    }
</style>